<template>
  <div>
    <el-tabs
      v-model="activeName"
      class="tabs"
    >
      <el-tab-pane
        :label="$t('sys.platformMenu')"
        name="platformMenu"
      >
        <platformMenu v-if="activeName === 'platformMenu'" />
      </el-tab-pane>
      <el-tab-pane
        :label="$t('sys.shopMenu')"
        name="shopMenu"
      >
        <shopMenu v-if="activeName === 'shopMenu'" />
      </el-tab-pane>
      <el-tab-pane
        label="企业空间菜单"
        name="companyMenu"
      >
        <companyMenu v-if="activeName === 'companyMenu'" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>
import companyMenu from './company-menu/index.vue'
import shopMenu from './shop-menu/index.vue'
import platformMenu from './menu/index.vue'

const activeName = ref('platformMenu')

</script>
<style lang="scss" scoped>
</style>
